<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script type="text/javascript" src="librerias/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="librerias/jquery-ui-1.7.2.custom.js"></script>
        <script type="text/javascript" src="model/iPost_1.js"></script>
        <script type="text/javascript" src="js/ManejoPostit.js"></script>
        <script type="text/javascript" src="js/LoadCanvas.js"></script>
        <script type="text/javascript" src="js/notificacion.js"></script>
        <script type="text/javascript" src="js/DespachadorEventosDistribuido.js"></script>
        <script type="text/javascript" src="librerias/jquery.jcoverflip.js"></script>
        <link rel="stylesheet" type="text/css" href="Estilos/canvas.css"></link>
    <style>
         body{
            margin: 0;
            padding: 0;
            overflow:  hidden;
        }
        
        #canvas{
            margin: 0;
            padding: 0;
        }
        
        input{
            font-size: xx-large;
        }
        .area{
          font-size: xx-large;
         
         
        }
        
        .menu{
            font-size: large;
        }
        
        .textoVisible{
            font-size: 15px;
            z-index: 1003;
            width:90%;
            height:10%;
            border-radius:15px; 
        }
       
        .titulo{
        position:absolute;
        left:5%; 
        top:4%;
        border-radius:15px; 
        -moz-border-radius: 15px;
        height:40px;
        width:90%;
        z-index: 1500;
/*        font-size: 15px;*/
    }
    
    .contenido{
        position:absolute; 
        left:5%; 
        top:18%; 
        border-radius:15px; 
        -moz-border-radius: 15px;
        height:300px;
        width:90%;
        z-index: 1400;
/*        font-size: 15px;*/
    }
     /**Efecto Lightbox**/
     .fadebox {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
        overflow: hidden;
    }
    
    .overbox {
        display: none;
        position: absolute;
        
        width: 1000px;
        height: 600px;
        z-index:1002;
        overflow: hidden;
    }
    
    .ui-jcoverflip {
        position: relative;
     }
      
    .ui-jcoverflip--item {
        position: absolute;
        width:90%; 
        height:100%;
        display: block;
    }
  
    .post{
        position: relative;
        width:100%; 
        height:100%;
        border:solid; 
    }
    
    #canvas{
      /*cursor: none;  */
    }
    </style>
    </head>
    <body onkeypress="tecla(event)">
        <div class="maincanvas" id="main">  <div id="canvas" width="100" height="100"  ></div></div>
  
  
    </body>
</html>
